<template>
	<view class="_outer">
		<view class="_outer_btn_flex" @tap="$_to_type">
			<image class="_btn" src="../../static/img/label1.png"></image>
			<label class="_lab">{{text}}</label>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			text:String
		},
		data() {
			return {
				
			};
		},
		computed:{
		},
		methods:{
			$_to_type(){
				this.$emit('click');
			}
		}
	}
</script>

<style lang="scss">
	._outer{
		height: auto;
		position:relative;
		vertical-align: middle;
		width:100%;
		
		._outer_btn_flex{
			height:100%;
			display:flex;
			position:relative;
			width:80%;
			margin:auto;
			
			._btn{
				z-index: 6;
				height: 70upx;
			}
			
			._lab{
				position:absolute;
				width:100%;
				text-align:center;
				height:66upx;
				margin:auto;
				z-index:6;
				color:white;
				font-size:9pt;
				line-height:66rpx;
			}
		}
	}
</style>
